.loading-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.loading-dot span {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  animation: blink 1.5s infinite;
}

.loading-dot span:nth-child(2) {
  animation-delay: 0.3s;
}

.loading-dot span:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes blink {

  0%,
  100% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }
}